<template>
  <div :class="['fixed trbl0 trans5 zx10', isShow ? 'op10' : 'op0']" style="background:rgba(55,55,55,.6)">
    <div :class="['fixed bgf tx-50 l50 rds5 trans5', isShow ? 'op10 zx20 ani-large' : 'op0 zx-1 ani-small']" style="width:380px;top:140px;">
      <!--标题-->
      <div class="f ac pl10" style="border-radius: 5px 5px 0 0;background-color: #1aada7;">
        <div class="fs16 b f1 none pl20 gf">{{title}}</div>
        <div @click.stop="onCancel" class="f ac xc poi" style="height:44px;width:50px;"><svg t="1671764723022" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2737" width="12" height="12"><path d="M1007.603202 929.818395L592.684241 514.699473 1007.603202 99.780512c10.797891-10.797891 16.196837-24.795157 16.196837-38.992385 0-13.997266-5.398946-28.194493-16.196837-38.992384-21.595782-21.595782-56.388987-21.595782-77.984768 0L514.699473 436.914665 99.780512 21.795743C78.18473 0.199961 43.391525 0.199961 21.795743 21.795743s-21.595782 56.388987 0 77.984769l415.118922 414.918961L21.795743 929.818395c-21.595782 21.595782-21.595782 56.388987 0 77.984768s56.388987 21.595782 77.984769 0l414.918961-415.118922L929.818395 1007.603202c10.797891 10.797891 24.795157 16.196837 38.992384 16.196837 13.997266 0 28.194493-5.398946 38.992384-16.196837 21.395821-21.395821 21.395821-56.388987-0.199961-77.784807z" fill="#ffffff" p-id="2738"></path></svg></div>
      </div>
      <!--内容-->
      <div class="tc pl30 pr30 pt30 pb20">
        <div class="f ac xc mb10">
          <svg t="1690442096861" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2014" width="36" height="36"><path d="M832.745746 934.167461H187.689836a95.922976 95.922976 0 0 1-85.48035-139.632824l59.672147-115.614784V437.098477a349.23124 349.23124 0 0 1 698.462481 0v245.849245l58.031163 110.841014a95.922976 95.922976 0 0 1-85.03281 140.378725z m-643.414926-96.967239h641.475581l-57.285261-109.79675a96.668878 96.668878 0 0 1-11.039348-44.75411V437.098477a252.264001 252.264001 0 0 0-504.528002 0v242.268917a94.580353 94.580353 0 0 1-10.591807 43.709847z" fill="#FC6929" p-id="2015"></path><path d="M510.217791 172.004964a48.483619 48.483619 0 0 1-48.483619-48.48362v-74.590183a48.483619 48.483619 0 0 1 96.967238 0v74.590183a48.483619 48.483619 0 0 1-48.483619 48.48362zM605.096505 925.66418a94.580353 94.580353 0 1 1-189.011526 0" fill="#FC6929" p-id="2016"></path><path d="M681.476853 507.21325a48.483619 48.483619 0 0 1-48.334439-48.48362c0-91.596746-119.344294-135.604954-120.388557-136.052495a48.334439 48.334439 0 0 1 31.775419-91.447565c7.608199 2.536066 185.431197 66.385264 185.431196 227.50006A48.483619 48.483619 0 0 1 681.476853 507.21325z" fill="#FC6929" p-id="2017"></path></svg>
        </div>
        <div class="fs18 mb10 b g1aada7">{{name}}</div>
        <div v-html="content"></div>
      </div>
      <!--底部按钮-->
      <div class="f ac xc pt10 pl10 pr10 pb30 rds5">
        <div @click.stop="onCancel" class="g1aada7 poi mr20 rds4 f ac xc fs14" style="border:1px solid #1aada7;width:80px;height:32px;">取消</div>
        <div @click.stop="onOk" class="gf poi rds4 f ac xc fs14" style="background:#1AADA7;border:1px solid #1aada7;width:80px;height:32px;">确定</div>
      </div>
    </div>
  </div>
</template>
<script src='./index.js'></script>
<style src='./index.css' scoped></style>